<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>
        </title>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
        <link rel="stylesheet" href="my.css" />
        <style>
            /* App custom styles */
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
        </script>
        <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js">
        </script>
    </head>
    <body>
        <div data-role="page" id="page1">
            <div data-theme="" data-role="header">
                <h3>
                    今天是母亲节
                </h3>
            </div>
            <div data-theme="a" data-role="header">
            </div>
            <div data-role="content">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#page1" data-theme="a" data-icon="" class="ui-btn-active">
                                提醒
                            </a>
                        </li>
                        <li>
                            <a href="#page5" data-theme="a" data-icon="">
                                我的假日
                            </a>
                        </li>
                        <li>
                            <a href="#page7" data-theme="a" data-icon="">
                                假日广场
                            </a>
                        </li>
                    </ul>
                </div>
                <h2>
                </h2>
                <div>
                    <p>
                        年五月的第二个星期日是
                        <em>
                            母亲节
                        </em>
                        （Mother's Day）​,
                        <em>
                            母亲节
                        </em>
                        是一年中感谢
                        <em>
                            母亲
                        </em>
                        的节日，
                        <em>
                            母亲
                        </em>
                        们在这天通常会收到礼物或
                        <strong>
                            康乃馨花
                        </strong>
                        ...
                    </p>
                </div>
                <div style="">
                    <img style="width: 290px; height: 180px" src="http://imgsrc.baidu.com/baike/abpic/item/d1a20cf431adcbef29315fa3acaf2edda3cc9f09.jpg" />
                </div>
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#page9" data-theme="a" data-icon="arrow-l" class="ui-btn-active">
                                问候
                            </a>
                        </li>
                        <li>
                            <a href="#page8" data-theme="a" data-icon="grid">
                                电话
                            </a>
                        </li>
                        <li>
                            <a href="#page10" data-theme="a" data-icon="info">
                                送礼物
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div data-role="page" id="page5">
            <div data-theme="" data-role="header">
                <h3>
                    今天是母亲节
                </h3>
            </div>
            <div data-theme="a" data-role="header">
            </div>
            <div data-role="content">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#page1" data-theme="a" data-icon="">
                                提醒
                            </a>
                        </li>
                        <li>
                            <a href="#page5" data-theme="a" data-icon="" class="ui-btn-active">
                                我的假日
                            </a>
                        </li>
                        <li>
                            <a href="#page7" data-theme="a" data-icon="">
                                假日广场
                            </a>
                        </li>
                    </ul>
                </div>
                <h2>
                </h2>
                <ul data-role="listview" data-divider-theme="b" data-inset="true">
                    <li data-role="list-divider" role="heading">
                        我的假日
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            母亲节
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            父亲节
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            中秋节
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            端午节
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            国庆节
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            五一劳动节
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            结婚纪念日
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div data-role="page" id="page7">
            <div data-theme="" data-role="header">
                <h3>
                    今天是母亲节
                </h3>
            </div>
            <div data-theme="a" data-role="header">
            </div>
            <div data-role="content">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#page1" data-theme="a" data-icon="">
                                提醒
                            </a>
                        </li>
                        <li>
                            <a href="#page5" data-theme="a" data-icon="">
                                我的假日
                            </a>
                        </li>
                        <li>
                            <a href="#page7" data-theme="a" data-icon="" class="ui-btn-active">
                                假日广场
                            </a>
                        </li>
                    </ul>
                </div>
                <h2>
                </h2>
                <ul data-role="listview" data-divider-theme="b" data-inset="true">
                    <li data-role="list-divider" role="heading">
                        我的假日
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            母亲节
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            父亲节
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            中秋节
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            端午节
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            国庆节
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            五一劳动节
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            春节
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="fade">
                            元宵节
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div data-role="page" id="page9">
            <div data-theme="" data-role="header">
                <h3>
                    今天是母亲节
                </h3>
            </div>
            <div data-theme="a" data-role="header">
            </div>
            <div data-role="content">
                <h2>
                </h2>
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#page9" data-theme="a" data-icon="arrow-l" class="ui-btn-active">
                                问候
                            </a>
                        </li>
                        <li>
                            <a href="#page8" data-theme="a" data-icon="grid">
                                电话
                            </a>
                        </li>
                        <li>
                            <a href="#page10" data-theme="a" data-icon="info">
                                送礼物
                            </a>
                        </li>
                    </ul>
                </div>
                <ul data-role="listview" data-divider-theme="b" data-inset="true">
                    <li data-role="list-divider" role="heading">
                        模板
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            你好，妈妈。今天是母亲节...
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            母亲节了，儿子给你问候...
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div data-role="page" id="page8">
            <div data-theme="" data-role="header">
                <h3>
                    今天是母亲节
                </h3>
            </div>
            <div data-theme="a" data-role="header">
            </div>
            <div data-role="content">
                <h2>
                </h2>
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#page9" data-theme="a" data-icon="arrow-l">
                                问候
                            </a>
                        </li>
                        <li>
                            <a href="#page8" data-theme="a" data-icon="grid" class="ui-btn-active">
                                电话
                            </a>
                        </li>
                        <li>
                            <a href="#page10" data-theme="a" data-icon="info">
                                送礼物
                            </a>
                        </li>
                    </ul>
                </div>
                <ul data-role="listview" data-divider-theme="b" data-inset="true">
                    <li data-role="list-divider" role="heading">
                        电话
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            家里座机
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            妈妈
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div data-role="page" id="page10">
            <div data-theme="" data-role="header">
                <h3>
                    今天是母亲节
                </h3>
            </div>
            <div data-theme="a" data-role="header">
            </div>
            <div data-role="content">
                <h2>
                </h2>
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#page9" data-theme="a" data-icon="arrow-l">
                                问候
                            </a>
                        </li>
                        <li>
                            <a href="#page8" data-theme="a" data-icon="grid">
                                电话
                            </a>
                        </li>
                        <li>
                            <a href="#page10" data-theme="a" data-icon="info" class="ui-btn-active">
                                送礼物
                            </a>
                        </li>
                    </ul>
                </div>
                <ul data-role="listview" data-divider-theme="b" data-inset="true">
                    <li data-role="list-divider" role="heading">
                        送礼物
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            送鲜花
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            送贺卡
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            送衣服
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            送雨伞
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            送书
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <script>
            //App custom javascript
        </script>
    </body>
</html>